<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>地图查询</title>

    <!-- ArcGIS API for JavaScript本地部署地址 -->
    <link rel="http://localhost/arcgis_js_v416_sdk/arcgis_js_api/library/4.16/esri/css/main.css" />
    <script src="http://localhost/arcgis_js_v416_sdk/arcgis_js_api/library/4.16/dojo/dojo.js"></script>



    <style>
        html,
        body,
        #viewMDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>

    <script>
        require(["esri/Map", "esri/views/MapView"], function(Map, MapView) {
            //创建一个地图Map实例
            map = new Map({
                basemap: basemap
            });

            //创建地图-底图
            var basemap = new Basemap({
                baseLayers: [
                    new TileLayer({
                        url = "http://www.fqghj.net:8887/arcgis/rest/services/DZDT2012/MapServer"
                    })
                ],
                title: "basemap",
                id: "basemap"
            });



            //创建一个MapView实例（用于2D查看）并引用该地图实例
            //为了使地图在DOM中对用户可见，必须创建一个MapView并至少引用两个对象：一个Map实例和一个DOM元素。分别在map和container属性中设置。
            var view = new MapView({
                container: "viewDiv",
                map: map,
                //zoom: 4,
                //center: [55, 65] // longitude, latitude
            });
        });
    </script>





</head>

<body>
    <div id="viewDiv"></div>

</body>

</html>